<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	<style>
			.warpper {
				height: 65px;
				/* border:1px solid red; */
				border-bottom: 1px solid #f3f5f6;
				/* 我们想要给行内元素或者是行内块元素设置水平剧中
				 只需要给起父元素添加 text-align: center*/
				/* text-align: center; */
				
			}
			span {
				height: 65px;
				line-height: 65px;
				/* border: 1px solid red; */
				padding-right:35px;
				font-size: 16px;
			}
			span:hover {
				cursor: pointer;
			}
			.inner {
				width: 1160px;
				/* border: 1px solid red; */
				margin: 100px auto;
				/* 将来你有可能看到别人这样写水平剧中的代码
				 margin-left:auto; margin-right:auto;
				 
				 margin:auto;*/
			}
		</style>
	</head>
	<body>
		<div class="warpper">
			<div class="inner">
				<span>慕课网首页</span>
				<span>免费课</span>
				<span>实战课</span>
				<span>体系课</span>
			</div>
			
		</div>
	</body>
</html>